<template>
  <div class="unit-safety">
    <div class="title"></div>
    <div class="main">
      <div class="main-left"></div>
      <div class="main-right"></div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';

defineComponent({ name: 'UnitSafety' });
</script>

<style scoped lang="scss">
.unit-safety {
  @apply w-full;

  .title {
    @apply w-full h-[57px];
    background: url('./assets/title.png') no-repeat center;
  }

  .main {
    @apply w-full h-[438px] grid grid-cols-2 gap-[57px];

    .main-left {
      background: url('./assets/data-bg.png') no-repeat center;
    }

    .main-right {
      background: url('./assets/data-bg1.png') no-repeat center;
    }
  }
}
</style>
